<template>
  <div>
    <h3 style="text-align: center">发布新课程</h3>

    <el-steps :active="active" simple>
      <el-step title="填写课程基本信息" icon="el-icon-edit"/>
      <el-step title="创建课程大纲" icon="el-icon-upload"/>
      <el-step title="发布课程" icon="el-icon-picture"/>
    </el-steps>
    <course-info v-if="active===0"/>
    <course-chapter v-if="active===1"/>
    <course-publish v-if="active===2||active===3"/>

  </div>
</template>
<script>
/* 使用自定义的vue组件，引用后可以在页面中当做标签使用
* 步骤：
* 1.引入vue组件
* 2.将引入的vue组件注册给vue对象
* 3.使用自定义组件
*   组件名称 所有字母都小写 ，单词连接使用-
* */
import CourseInfo from '@/views/course/components/CourseInfo'
import CourseChapter from '@/views/course/components/CourseChapter'
import CoursePublish from '@/views/course/components/CoursePublish'
export default {
  components: { // 组成组件
    CourseInfo,
    CourseChapter,
    CoursePublish
  },
  data() {
    return {
      active: 0,
      courseId: ''

    }
  },
  methods: {

  }
}
</script>
